<html>
<head>
    <meta charset="utf-8">
    <title>测试首页</title>
    <script src="../js/bootstrap.min.css"></script>
    <script src="../js/jquery.min.js"></script>
    <link rel="stylesheet" href="../js/bootstrap-table.css">
    <script src="../js/bootstrap-table.js"></script>
    <script src="../js/bootstrap-table-zh-CN.js"></script>
    <script src="../js/vue.min.js"></script>
    <script type="text/javascript" src="../js/jquery-confirm.js"></script>
</head>
<body>
<!--<div id="app">-->
    <!--<p>{{ message }}</p>-->
<!--</div>-->
<table id="table"
       data-method="POST",
       data-striped="false"
       data-content-type="application/x-www-form-urlencoded"
       data-data-type="json"
       data-page-number="1"
       data-query-params-type=""
       data-detail-view="false"
       data-minimum-count-columns="2"
       data-search-on-enter-key="false"
       data-pagination="true"
       data-click-to-select="true"
       data-single-select="false"
       data-id-field="id"
       data-page-list="[5, 10, 25, 50]"
       data-show-footer="false"
       data-query-params="queryParams"
       data-side-pagination="server"
       data-url="/user/findAll">
</table>
<script>
//    new Vue({
//        el: '#app',
//        data: {
//            message: 'Hello Vue.js!'
//        }
//    });
var $table = $('#table');
tableInit();

function tableInit() {
    var tableParams = {};
    tableParams.columns = [
        {
            checkbox:true
        },
        {
            field:'id',
            title:'id',
            align:'center'
        },
        {
            field:'userName',
            title:'登录名',
            align:'center'
        },
        {
            field:'realName',
            title:'真实姓名',
            align:'center'
        },{
            field:'dateAdd',
            title:'添加时间',
            align:'center'
        },{
            field:'dateUpd',
            title:'修改时间',
            align:'center'
        }
    ];
    tableParams.uniqueId = "id";
    $table.bootstrapTable(tableParams);
}
</script>
</body>
</html>